<template>
	<view class="">
		<!-- <UserInfo username="kaikai" avatar="../../static/pic1.jpeg"></UserInfo>
		<UserInfo></UserInfo>
		<kk-header></kk-header> -->
		<UserInfo v-for="(item, index) in userList" :user="item"></UserInfo>
	</view>
</template>

<script setup>
	import {
		ref
	} from "vue";
	const userList = ref([{
			name: "kaikai",
			avatar: "../../static/pic1.jpeg",
		},
		{
			name: "zhangsan",
			avatar: "../../static/pic2.jpeg",
		},
		{
			name: "lisi",
			avatar: "../../static/pic3.jpeg",
		},
	]);
</script>

<style lang="scss" scoped></style>